body {
    margin: 0;
    background-color: #f3f3f4;
}

.container {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    background: url(/static/imgs/bg_bg7.jpg) repeat  top;
    background-size: cover;
}
/* header {
     background: #cecece;
     min-height: 100px;
 }*/

content {
    /*background: #bbbbbb;*/
    display: flex;
    flex: 1; /* 1 代表盡可能最大，會自動填滿除了 header footer 以外的空間 */
    justify-content:center;
    align-items:center;
}

footer {
    background: #333333;
    min-height: 50px;
    line-height: 50px;
    text-align: center;
    color: ghostwhite;
}

.login-box{
    width: 335px;
    height: 350px;
    box-shadow: 0 0 5px #cccccc;
    background-color: ghostwhite;
    opacity: 0.9;
    padding: 40px 50px;
}

.login-box .title{
    height: 40px;
    line-height: 40px;
    text-align: center;
}

.login-box .title > span:first-child{
    color:#018FFC;
    font-size: 20px;
    font-weight: 500;
}

.login-box .title > span:last-child{
    color:#ABABAB;
    font-size: 16px;
}

.login-box .row{
    margin: 15px 0;
}
.login-box .line{
    height: 1px;
    border-top: 1px solid #ddd;
    text-align: center;
}

.login-box .line>span{
    position: relative;
    top: -12px;
    background:ghostwhite;
    opacity: 0.9;
    padding: 0 5px;
    font-size: 15px;
    color: #595959;
    letter-spacing: .1em;
}
.login-box .form-row{
    margin: 20px 0;
    position: relative;

}
.login-form input[type=text],.login-form input[type=password]{
    width:300px ;
    height: 40px;
    padding:0 5px 0 30px ;
    border: 1px solid #ABABAB;
}

.login-form input.yzm{
    width:120px ;
    height: 40px;
    padding:0 5px;
}

.u-logo {
    width: 20px;
    height: 20px;
    position: absolute;
    left: 6px;
    top: 10px;
}
.u-logo-img1 {
    height: 100%;
    background: url(/static/imgs/icon_01.png) -251px -89px no-repeat;
}
.u-logo-img2 {
    height: 100%;
    background: url(/static/imgs/icon_01.png) -292px -89px no-repeat;
}

.forget{
    position: absolute;
    right: 0;
}
.remember{
    position: relative;
    top:-2px
}
.remember,.forget{
    font-size: 14px;
    color: #ABABAB;
}

.login-btn{
    width: 100%;
    height: 40px;
    border-radius: 5px;
    border: 0;
    outline: none;
    background: #0165B3;
    color: ghostwhite;
    font-size: 16px;
    letter-spacing: 1em;
}

.captcha{
    width: 120px;
    height: 42px;
    position: absolute;
    right:60px;
}
.huan{
    position: absolute;
    right:0px;
    top:15px;
    color:#018FFC;
    cursor: pointer;
}